Skip to content

improvement: remove "Close" button#115

Closed
WofWca wants to merge 3 commits intomainfrom
wofwca/remove-close-button
Closed

improvement: remove "Close" button#115
WofWca wants to merge 3 commits intomainfrom
wofwca/remove-close-button

Conversation

@WofWca
Copy link
Member

@WofWca WofWca commented Jan 5, 2026

TODO:

WofWca added 3 commits January 5, 2026 17:50
Most importantly, this allows closing the dialog with Escape.

A (positive?) side effect is that in the dark theme
when opening the dialog
we will darken the background instead of lightening it.

I have tested this on narrow screens and wide screens,
comparing side-by-side with the original version.
Everything should look almost the same, maybe except
for the backdrop.

This also fixes a small issue where the contents outside the dialog
were keyboard-interactive.
The dialog is not that "important" so we should probably allow
dismissing it more easily.
@hpk42 hpk42 added the apps/ page for issues related to apps/ page label Feb 14, 2026
@adbenitez
Copy link
Contributor

not sure about this one, in mobile the dialog goes full screen and there is no way to click outside

@WofWca
Copy link
Member Author

WofWca commented Feb 15, 2026

Good point. Sorry, I should have mentioned that. On mobile it can be closed with the "navigate back" button.

@WofWca WofWca force-pushed the wofwca/dialog-light-dismiss branch from 24e4f18 to 04255df Compare February 15, 2026 15:53
@adbenitez
Copy link
Contributor

adbenitez commented Feb 15, 2026

not sure if "navigate back" will work, it is not necessarily supported by the container app which might just close the webview, overall I think the button doesn't make things worse so better to leave for now 🤔

@WofWca WofWca force-pushed the wofwca/dialog-light-dismiss branch from 04255df to 2a5435f Compare February 15, 2026 16:26
Base automatically changed from wofwca/dialog-light-dismiss to main February 15, 2026 16:27
@WofWca
Copy link
Member Author

WofWca commented Feb 15, 2026

In addition, https://www.w3.org/WAI/ARIA/apg/patterns/dialog-modal/

It is strongly recommended that the tab sequence of all dialogs include a visible element with role button that closes the dialog, such as a close icon or cancel button.

I just think that the button takes too much space. We should consider replacing it with a smaller "cross" button at the top-right corner.

@WofWca WofWca closed this Feb 15, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

apps/ page for issues related to apps/ page

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants